<template>
  <div>
      自定义指令
    <input type="text" v-focus>
    <p v-my-css>自定义指令修饰样式</p>
  </div>
</template>

<script>

  export default {
    name: "MyDirect",
    directives:{
      focus:{
        inserted:function (el) {
          el.focus();
        }
      },
      myCss:{
        inserted:function (e) {
          e.style.color = 'red';
        }
      }
    }
  }
</script>

<style scoped>

</style>
